<template>
	<view>
		<uni-nav-bar title="提现" leftIcon="back" @clickLeft="$tab.back()" :statusBar="true" :fixed="true" :border="false">
		</uni-nav-bar>
		
		<view class="box_1 py-40 flex items-center flex-col relative">
			<image src="https://file.fulewanjia.com/fulewanjia/profile/preImages/image/img_tixianchenggong.png" style="width: 112rpx;height: 112rpx;" mode="widthFix"></image>
			<view class="text-36 font-700 text-FFF mt-16 pl-20">
				提现申请成功！
			</view>
			
			<view class="text-24 text-FFF text-center mt-32" style="line-height: 1.8;">
				提现后24小时内到账</br>若未及时到账请联系平台客服人员
			</view>
			
			<view class="box_2" style="padding: 40rpx 60rpx;">
				<view class="box_3 font-700 text-center" style="margin-top: 60rpx;">
					￥{{price}}
				</view>
				
				<view class="my-40">
					<u-line color="#F4F4F4"></u-line>
				</view>
				
				<view style="margin-top: 60rpx;">
					<view class="text-28">
						收款账户：<text class="text-gray">{{mode == 1 ? '微信钱包' :  mode == 2 ? '支付宝余额' : mode }}</text>
					</view>
					<view class="text-28 mt-48">
						提现金额：<text class="text-gray">{{price}}</text>
					</view>
				</view>
			</view>
		</view>
		
		<view class="box_4 text-center text-28 text-FFF" @click="$tab.back()">
			返回
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				price:0,
				mode:''
			};
		},
		onLoad(e) {
			this.price = e.price
			this.mode = e.mode
		},
	}
</script>

<style lang="scss">
.box_1{
	height: 484rpx;
	background-color: #E0CFB7;
}

.box_2{
	width: 686rpx;
	height: 496rpx;
	position: absolute;
	bottom: -376rpx;
	left: 32rpx;
	background: url('https://file.fulewanjia.com/fulewanjia/profile/appImages/img_tixianchenggong.png');
	background-size: 100% 100%;
}

.box_3{
	font-size: 52rpx;
}

.box_4{
	width: 374rpx;
	height: 84rpx;
	border-radius: 42rpx;
	line-height: 84rpx;
	margin: 500rpx auto;
	background-color: #E0CFB7;
}
</style>
